<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>支付宝进件</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache, must-revalidate">
    <meta http-equiv="Cache" content="no-cache">

    <link rel="stylesheet" href="/sui/css/sm.min.css">
    <link rel="stylesheet" href="/sui/css/sm-extend.min.css">
    <link rel="stylesheet" href="/css/agency/enterprise/alipay_mch_info.css">
</head>
<body>

<div class="page-group">
    <!-- 单个page ,第一个.page默认被展示-->
    <div class="page">
        <header class="bar bar-nav" >
            <a href="#" onclick="window.history.back(); return false;" class="external button button-link button-nav pull-left">
                <span class="icon icon-left"></span>
                返回
            </a>
        </header>
        <div class="content">
            <form class="zfb_form">
                <input type="hidden" id="id" name="id" th:value="${alipayMachInfo.id}"/>
                <input type="hidden" id="oemId" name="oemId" th:value="${alipayMachInfo.oemId}"/>
                <input type="hidden" id="userId" name="userId" th:value="${alipayMachInfo.userId}"/>
                <div class="tisShi">
                    <p>联系人信息联系人信息将用于接收签约后的重要通知，如确认协议、到期提醒等。</p>
                </div>
                <!-- 联系人信息开始-->
                <div class="contacts">
                    <div>
                        <label style="font-size: 20px; font-weight: 500;color: #0a8ddf">联系人信息</label>
                    </div>
                    <div>
                        <label>姓名</label>
                        <input type="text" name="name" placeholder="请输入姓名" th:value="${alipayMachInfo.name}"/>
                    </div>
                    <div>
                        <label>邮箱</label>
                        <input type="text" name="email" placeholder="请输入邮箱" th:value="${alipayMachInfo.email}"/>
                    </div>
                    <div>
                        <label>电话</label>
                        <input type="text" name="mobile" placeholder="请输入电话" th:value="${alipayMachInfo.mobile}"/>
                    </div>
                    <div>
                        <label>支付宝账号</label>
                        <input type="text" name="alipayAccount" placeholder="请输入支付宝账号" th:value="${alipayMachInfo.alipayAccount}"/>
                    </div>
                    <div>
                        <label>结算费率</label>
                        <input type="text" name="aliFinalRate" placeholder="0.0" th:value="${alipayMachInfo.aliFinalRate}"/>
                    </div>
                </div>
                <!-- 联系人信息结束-->

                <!--经营信息开始-->
                <div class="tisShi">
                    <p>经营信息根据监管要求，请如实填写企业的经营信息。</p>
                </div>
                <div class="management">
                    <div>
                        <label style="font-size: 20px; font-weight: 500;color: #0a8ddf">经营信息</label>
                    </div>
                    <div class="leiMu open-search">
                        <label>经营类目</label>
                        <span class="leiMu_content"></span>
                        <span class="icon icon-right"></span>
                    </div>
                </div>
                <div class="tisShi">
                    <p>上传授权函时<span>注意</span>: (如果支付宝名字和营业执照名字不一样请上传授权函)</p>
                    <p>上传经营资质时<span>注意</span>: (特殊行业选择上传)</p>
                </div>
                <div class="management" style="margin-top: 0rem">
                    <div class="management_img">
                        <div class="qualifications face_upload">
                            <input name="business_qualification" keyName="business_qualification" th:value="${alipayMachInfo.business_qualification}" class="file_input_value" type="hidden" value="">
                            <!--  装图片的盒子-->
                            <div class="upload_img" id="bu_img">
                                <img/>
                            </div>
                            <!-- 选择图片-->
                            <div class="filePicker  upload_btn" id="bu_upload"></div>
                            <!--  图片的类别-->
                            <span>经营资质</span>
                        </div>


                        <div class="license face_upload">
                            <input name="business_license" keyName="business_license" class="file_input_value" th:value="${alipayMachInfo.business_license}" type="hidden" value="">
                            <div class="upload_img" id="bl_img">
                                <img/>
                            </div>
                            <div class="filePicker upload_btn" id="bl_upload"></div>
                            <span>营业执照</span>
                        </div>

                        <div class="qualifications face_upload">
                            <input name="authorization" keyName="authorization" class="file_input_value" th:value="${alipayMachInfo.authorization}" type="hidden" value="">
                            <div class="upload_img" id="au_img">
                                <img/>
                            </div>
                            <div class="filePicker upload_btn" id="au_upload"></div>
                            <span>授权函</span>
                        </div>

                        <div class="license face_upload">
                            <input name="store_pic" keyName="store_pic" class="file_input_value" th:value="${alipayMachInfo.store_pic}" type="hidden" value="">
                            <div class="upload_img" id="sp_img">
                                <img/>
                            </div>
                            <div class="filePicker upload_btn" id="sp_upload"></div>
                            <span>店铺招牌照片</span>
                        </div>

                    </div>
                </div>
                <!--经营信息结束-->

                <!--处理信息开始-->
                <div class="fail" th:if="${alipayMachInfo.status==4}">
                    <label>进件处理失败:</label>
                    <div class="reason">
                        <input type="text" name="lastMessage" disabled th:value="${alipayMachInfo.message}" autocomplete="off"/>
                    </div>
                </div>
                <div class="fail" th:if="${alipayMachInfo.status==3}">
                    <label>处理信息:</label>
                    <div class="reason">
                        <input type="text" name="lastMessage" disabled value="进件成功!" autocomplete="off"/>
                    </div>
                </div>
                <div class="fail" th:if="${alipayMachInfo.status==1||alipayMachInfo.status==2}">
                    <label>处理信息:</label>
                    <div class="reason">
                        <input type="text" name="lastMessage" disabled value="正在处理中!" autocomplete="off"/>
                    </div>
                </div>
                <div class="fail" th:hidden = "${alipayMachInfo.status==2||alipayMachInfo.status==3}">
                    <div class="reason">
                        <input type="radio" th:checked="${alipayMachInfo.status==0}" name="status" value="0" style="width: 1.5rem">暂存
                        <input type="radio" th:checked="${alipayMachInfo.status==1}" name="status" value="1" style="width: 1.5rem;margin-left: 20%">提交进件
                    </div>
                </div>
                <!-- 处理信息结束-->
                <!-- 保存-->
                <div class="zfb_form_but" th:hidden = "${alipayMachInfo.status==2||alipayMachInfo.status==3}">保存</div>
            </form>
        </div>
    </div>
    <!--搜索查询开始-->
    <div class="popup popup-search">
        <div class="content-block">
            <div class="search_box">
                <input type="text" name="business_category" class="category_query" th:value="${alipayMachInfo.business_category}"/>
                <span class="close-popup">确定</span>
            </div>
            <ul class="category_ul">

            </ul>
        </div>
    </div>
    <script type='text/javascript' src='/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/sui/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/sui/js/sm-extend.min.js' charset='utf-8'></script>
    <script type="text/javascript" src="/js/util/upload.js"></script>
    <script type='text/javascript' src='/js/enterprise/alipay_mch_info.js' charset='utf-8'></script>


</div>

</body>
</html>

